<!-- 清除浮动
    场景
    父标签高度不确定，子标签浮动，到后面的标签顶上来
    解决办法
    1.父标签改回高度
    2.额外标签法:在父标签最后加一个额外块级标签，给这个标签clear：both;
    （加了新东西，不推荐）
    3.单位元素法：用伪元素代替额外标签：.clearfix::after{
                                                        content："";        
                                                        display:block;
                                                        clear:both;
                                                        为了兼容性：
                                                        height:0;
                                                        visibility:hidden;
                                                        }
    (企业中常用)
    4.双伪元素法：.clearfix::before,
                 .clearfix::after{
                                    content："";
                                    display:table;
                                }
                 .clearfix::after{
                                    clear:both;
                                }
    (能解决所有问题，推荐)
    5.父标签加overflow：hidden；
    (最简单)
-->

